﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       admin.css

Author:     freshangle.co.uk

Version:    1.0

Purpose:    This css file addressses the mojoPortal Admin Pages. If you need to edit something, 
            check the body class of the admin page you are looking at and then run a CTRL-F to find it here.
            
            I've tried to do everything using the appropriate body class and the cascade, 
            but some of the code can get a little hackish in the act of homogenizing these pages!
    
            There are a few font-size, line-height, margin and padding declarations too; this sheet 
            assumes 16px base font size and 1.5em line height, so sets a lot of values to 0.75em 
            (1/2 16px line height). You may want to bring these into line if you have used a custom typography 
            sheet or shifted the base font size.
    
            This sheet sets display rules only -
            things like table striping and link colors are set in the appropriate 'appearance' sheets.

*/	




/* --------------------------------------  admin pages general fixes --------------------------------------*/		


/* make sure the admin screen fills the page regardless of content column layout...*/   
  
    .administration .col1 {width:100%}

/* remove any 'max width for content' defined in typography...*/

	.administration p {max-width:100%}
	.ie6 .administration p {width:100%}
	
/* general padding for admin pages based on line height defined in typography...*/	

	.administration .settingrow { padding: 0 0 0.75em 0}
	
/* adding margins as required based on line height defined in typography...*/

	.administration .modulepager,
	.memberlist .modulepager,
	.pagelayout .pageditnotes {margin: 1.5625em 0} 
	
	
		
	
/* headings homogenized and resized as h4...*/

	.administration h2,
	.memberlist h2,
	.passwordrecovery h2,
	.searchresults h2,
	.sitemappage h2,
	.htmledit h2
	{font-size: 1.5625em; line-height: 1.0417em;/* 24/25px */ margin-bottom: 1.0417em; border:none; } 
 
	.administration .sitesettings legend,
	.administration .manageusers legend,
	.loginpage legend,
	.registerpage legend,
	.featuresettings legend,
	.userprofile legend,
	.changepassword legend,
	.modulesettings legend,
	.htmledit legend,
	.gallerybulkupload  legend,
	#ctl00_mainContent_lblAddMapping ,
	.foldergallery legend ,
	.galleryedit legend
	{font-weight:bold;font-size: 1.5625em; line-height: 1.0417em;/* 24/25px */ margin-bottom: 1.0417em; border:none;} 
	
    .pagesettings legend label,
	.pagelayout legend label,
    .passwordrecovery legend label,
	#ctl00_mainContent_lblPageName 
	{font-weight:bold;font-size: 1.5625em; line-height: 1.0417em;/* 24/25px */ margin:0; margin-bottom: 1.0417em;}
	
	.pagesettings legend,
	.pagelayout legend,
	.pagetree legend
	 {border:none}
    
    
    
/*lists...*/

    .administration li.simplelist,
    .administration ul.simplelist li
     { padding: 0.75em;list-style: none; margin-left: -2.5em;  }


     .simplelist a
     {  display: block; width: 99%; height: 80%; }
    


		
/*responsive admin form elements*/

/* MOBILE */
	@media only screen and (min-width: 0px) {

		.mojo-tabs input[type="text"], 
		.mojo-tabs input[type="password"], 
		.mojo-tabs input[type="select"],
  		.mojo-tabs textarea { width: 75% !important }
        .mojo-tabs label { display: block !important }
        
        .mojo-tabs select  { width: 80% !important }
		
}	
    
/* MOBILE LANDSCAPE */
@media only screen and (min-width: 768px) {		

        .mojo-tabs input[type="text"], 
        .mojo-tabs input[type="password"], 
        .mojo-tabs input[type="select"],
        .mojo-tabs textarea,
        .mojo-tabs select,
        .mojo-tabs .normaltextbox, 
        .mojo-tabs .widetextbox         
        {  width: 100%;  }

        .mojo-tabs label 
        { display: inline-block !important ; width: 14em}
        
 

}

/* breadcrumbs...*/

	.administration .breadcrumbs legend  {font-size: 1em; line-height:inherit;border:none } 
	.administration .breadcrumbs	{ padding: 0.75em }
    .administration .selectedcrumb { font-weight: normal }
    
/* horizontal rules....*/

	.administration hr {display:none}	
	
/* help icons...*/

	.settingrow a.mhelp, .settingrow a.mhelp:hover  
    {border: none; background:none;  box-shadow:none; float:none; padding:none;margin: 0}
    
	.settingrow a.mhelp, .settingrow a.mhelp:hover 
    { height: 1em; width: 1em; margin-top: -0.75em}
	
 
/* odd fixes...*/

	.administration textarea { max-width: 19em}
	.administration img	{margin:0}
	p.nodata {margin: 0.75em}
    

    .ie7 div.admin, .ie6 div.admin  { padding-bottom: 2.25em }
    .administration  tr.AspNet-GridView-Empty  { border-bottom: none }
    
    
    
    
    


/* ----------------------------------------------  page by page fixes ----------------------------------------*/




 /*----------------  user interaction pages  -----------------------*/ 
 
 
 
	
/* login page...*/

	.loginpage label {display:inline}
	.loginpage .settingrow 	{margin: 0.75em 0}
	#ctl00_mainContent_login1_LoginCtrl_RememberMe {margin: 0 0.75em 0 0.25em}	
	.loginpage div.registerrow { float: left; margin-right: 0.75em }
	.loginpage div.buttonrow { float: left; margin-right: 0.75em }
	.ie7 .loginpage div.registerrow, .ie7 .loginpage div.buttonrow {  margin-right: 0.35em }
    	


	
/*passwordrecovery*/

	.passwordrecovery label {display:inline}
	.passwordrecovery legend { display: none }
	.passwordrecovery .settingrow 	{margin: 0.75em 0}


	
/* register page... */	

	.registerpage label	{margin: 0.75em 0 0 0}
	.registerpage table {width:100%;display: inline-block;}
	.registerpage td  {min-width:12.75em; border-bottom: none}
	.registerpage td { text-align: left}
    .registerpage tr { border: none }
    .registerpage tbody tr:nth-of-type(2n+1) { background-color: inherit }
	.registerpage input[type="submit"] {margin-left: -0.5em;margin-top: 0.75em}
	.registerpage select{ max-width: 19em }
    



/*user profile*/

	.userprofile #divtabs {margin-top:-2.5625em;margin-bottom: -1.5625em }
	.userprofile label{display:block;}
	.userprofile .settingrow { padding: 0 0 0.75em 0}
	#ctl00_mainContent_lblLoginName { border: 1px solid #aaa;height: 1.5em;padding: 4px ;border-radius: 3px }
	.userprofile textarea { width:100%; max-width: 18.5em; }
	.userprofile input[type="submit"] {margin: 1.5625em 0 1.5625em 0}    
    .userprofile .skinsetting {margin-bottom: 0.25em}
    
/*user profileview*/
    
    .profileview label {display:inline; margin: 0.75em 0}
    .profileview .settingrow { margin-bottom: 1.5625em }
    
    #ctl00_mainContent_divAvatar { float:right; margin: -9.5em -0.5em 0.75em 0.75em}
    #ctl00_mainContent_divAvatar label { display: none}
	
/*changepassword*/

	.changepassword label {  display:inline-block;}
	.changepassword .settingrow 	{margin: 0.75em 0}
	.changepassword td  {min-width:12.75em; border-bottom: none}


	
/*searchresults*/

	.searchresults a.mhelp, .searchresults a.mhelp:hover { position: absolute; top: 1em;left: 7.5em }
	
	.searchresults input 	{margin: 0.75em 0}
	.searchresults input[type="text"] { width: 100%;max-width: 18.5em }
	#ctl00_mainContent_MojoHelpLink1 { margin-top: 0 }
	
	.ie6 .searchresults input[type="text"] {width: 18.5em}
	
	
	

/*pagesettings page*/

    /* hiding some buttons that clutter workflow ...*/
	.pagesettings .breadcrumbs
	 { display: none }
	/* removing the ability to add icons and logos ...*/
	.pageicons, .logolist {display:none}	
	
	.pagesettings label {display:inline}
	.pagesettings legend { margin: 0.75em 0 -2.25em 0}	
	
/* file manager page - styles in conjunction with 'modals'...*/

	#fm2_pnlFile { margin-top: 1.25em }

 
/* page content layout...*/ 
 
	.pagelayout .breadcrumbs, .pagesettings .breadcrumbs  { padding: 0.75em 0.75em 0.75em 0 }
	.pagelayout #ctl00_mainContent_lnkPageTree { display: none }
	.pagelayout select { width: 100%;max-width: 19em }
		
	.ie7 .pagelayout select { width: 19em }
	.ie6 .pagelayout select { width: 15em }		
	.ie7 .pagelayout input {width: 18.5em}
	.ie6 .pagelayout input {width: 14.5em}
	
	.ie6 .pagelayout input[type="image"]
	 {border: none; background:none;  box-shadow:none; float:none; 
      padding:none; height: 1em; width: 1em; margin-top: -0.75em}
	
	.panelayout {display:block;clear:left}	
	.layoutalt1, .layoutalt2	{float:left;clear:left;margin: 1.5625em;}	
	.layoutleft					{float:left;clear:left;margin: 1.5625em}
	.layoutright, .layoutcenter {float:left;margin: 1.5625em}
	

/* add pages...*/
 
	.pagetree table { width: 50% }
    .pagetree tr { border: none }
    /* control renders an extra table cell making this the second for zebra striping - overriding */
    .pagetree tbody tr:nth-of-type(2n+1) { background-color: inherit }
	.pagetree table select { width:auto;height: 20em	}
    .oldie .pagetree table select { width:18.5em	}
    /* MOBILE LANDSCAPE */
    @media only screen and (min-width: 480px) {		 
    .pagetree table select { width:100%;height: 20em	}
    }   
	.pagetree input {padding: 0 0.5em !important}
    .ptreebuttons input { padding: 8px !important;  }
    .ptreebuttons input[type="image"] { height: 1em;width: 1em; }

	
/* featuresettings...*/	
	
	.featuresettings .settingrow label {margin-right:0.75em}
	.featuresettings label { display: inline }	
	.featuresettings #ctl00_mainContent_ddIcons {display:none}	
	.featuresettings label[for="ctl00_mainContent_ddIcons"] {display:none}

	#ctl00_mainContent_divRoles { margin-bottom: 1.5625em; }
	#ctl00_mainContent_scUser { }
	#ctl00_mainContent_divEditUser label {  float:left;  }

	
/* content settings...*/

	#ctl00_mainContent_scUser_ctl02 { padding: 2px !important }
	
/*htmledit page*/

	.htmledit .settingrow 	{margin: 0.75em 0}
	.htmledit input[type="submit"] {margin-left: -0.5em }
	.htmledit a[title="Compare To Current"], 
	.htmledit td input[type="submit"] {margin-left: 0.5em;margin-top: 0.5em }
	.htmledit h2 {  margin-top: 1.5625em }
	.htmledit textarea {  width: 99%;resize: vertical }


	/*compare version help page - styles in conjunction with 'modals'...*/	
	.dialogpage
    { margin:0.75em;margin-top: 7.5em }
    
	h1.dialogheading 
    {font-size: 1em; line-height: 1.0417em;/* 24/25px */ margin-bottom: 1.0417em; border:none; }
	

	
/* sitesettings manager...*/


	.sitesettings label {display:inline-block; margin:0.75em 0; }
	.sitesettings input[type="submit"]	{margin: 0.75em 0}
	.sitesettings .settingrow { padding: 0}
    .sitesettings textarea.pwdregex { height: 1.5em;max-width:18em }

	
	
/*sitelist page*/

	.sitelistpage li.simplelist a { float: right;clear: left;margin-right: 0.75em;margin-top: -0.3em}
    .sitelistpage li.simplelist:nth-of-type(2n+1) { background-color: inherit; }
	
/* role manager...*/	
	
	.rolemanager .AspNet-DataList-Item input[type="image"], 
    .rolemanager .AspNet-DataList-Alternate input[type="image"] 
    {padding-right:0.425em}
    
	.rolemanager .settingrow a	{float:right; margin-right:50%}
	.rolemanager .settingrow a.mhelp	{float:none;}
	.rolemanager legend , .securityroles legend { border: none }
	.securityroles fieldset {margin: 0.75em 0 0 0.75em }
    .securityroles li {list-style: none }
    .securityroles li span {display: inline-block;   min-width: 6em; }
    
/* role permissions...*/

	.permission label { display: inline }
	
	
/* memberlist manager...*/

	.memberlist thead { margin-bottom: 2px}
	
/* user manager...*/
  
	.manageusers #divtabs {margin-top:-1.5625em }
	.manageusers  label { display: inline-block ;margin: 0.75em 0}
    /*override the zebra striping*/
    .manageusers tbody tr:nth-of-type(2n+1) { background-color: inherit;border: 0 }
    .manageusers textarea { height: 5em !important }
    .manageusers div.widetextbox { max-width: 100% }
    
	
		
/* content manager...*/

	.cmadmin label { display: inline-block }	  
	.cmadmin table {margin-top: 1.5625em; }
	.cmadmin th a {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:none;text-shadow:none;}
	.cmadmin th a { color:inherit; background-color:inherit; margin-left: -0.35em;font-size: 1em  }	
	.cmadmin th a:hover {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:none;text-shadow:none;background:none}	
	#ctl00_mainContent_chkFilterByFeature {margin: 0 0.35em}
    #ctl00_mainContent_lnkEdit { float: left; margin-right: 0.75em;padding: 0.63em .75em ;font-size: 0.75em}
	
	.ie6 .cmadmin th a { color:inherit;background-color:inherit;margin-left: 0.35em;font-size: 1em  }
 
 /* content templates...*/
 
	#ctl00_mainContent_lnkAddNewBottom {display:none}
    .templateedit em { font-style: normal }

/* content styles ...*/

    .styleadmin .mediumtextbox,
    .styleadmin .smalltextbox  { width: 85% !important;margin-bottom: -1.3em; }
    .styleadmin th { padding: 0.75em;  width: 1em;}
    #ctl00_mainContent_grdStyles_ctl02_lnkCancel { float: right }
    .ie7 #ctl00_mainContent_grdStyles_ctl02_lnkCancel, 
    .ie6 #ctl00_mainContent_grdStyles_ctl02_lnkCancel{ float: none }

 
 /* filemanager manager...*/
	
	.filemanager input[type="image"] {margin:0 !important}
	div.filemanager {margin-bottom: 1.5625em}	
	
/* currency manager...*/
 

	
	
/* url manager...*/	

	.urlmanager .AspNet-DataList-Item input[type="image"], .urlmanager .AspNet-DataList-Alternate input[type="image"] {padding-right:0.425em}
	.urlmanager label { display: inline-block }
	.urlmanager legend  { border: none }


/* ipadmin manager...*/	
 
	.ipadmin table  {width: auto;display: inline-block;}
    .ipadmin tr { border-bottom: none }
	.ipadmin td  {min-width:12.75em; border-bottom: 1px solid #DEDEDE}
    .ipadmin tr.AspNet-GridView-Empty td { border-bottom: none }
    .ipadmin th { padding: 0.75em;  width: 1em;}
    .ipadmin .AspNet-GridView-Edit input[type="text"] { width: 85% !important;}
    .ipadmin div.AspNet-GridView { margin-top:1.5em }
   
    	
 
 /* moduleadmin manager...*/	
  
	.moduleadmin table  {/*width: auto;display: inline-block;*/}
	.moduleadmin td  {min-width:12.75em; border-bottom: 1px solid #DEDEDE}
	.moduleadmin .AspNet-DataList-Item input[type="image"], .moduleadmin .AspNet-DataList-Alternate input[type="image"] {padding-right:0.425em}

	
	
/* serverinformation manager...*/


    .administration .serverinformation h2 { margin-top: 1.0417em; }  
	.serverinformation table  {width: auto;display: inline-block;}
	.serverinformation td  {min-width:12.75em; border-bottom: 1px solid #DEDEDE}
	
		
/* log manager...*/	

	#ctl00_mainContent_txtLog	{margin-bottom: 1.5625em}
    .administration .serverlog textarea { max-width: 100% }
	
	
/* url forwarding/Feature Installation and Configuration, align buttons within table... */

	.AspNet-DataList-Item a, .AspNet-DataList-Alternate a {float:right;margin: 0.25em !important;}
	
	
/* design tools...skin mngmt */

	.designtools  label { display: inline-block }
    #ctl00_mainContent_edCss { max-width: 99% }

	#ctl00_mainContent_zipFile { float: left;margin-right:-3em }
	#ctl00_mainContent_chkOverwrite { margin-left: 0.75em;margin-right: 0.35em }
	#ctl00_mainContent_progressBar_NeatUpload_dummyspan { display: block;margin: 0.75em ;}

	.skinlist { list-style: none }
	.skinlist li { margin:0.75em;margin-left: -2em; }
	
	


